// $vxe-font-family: arial, 宋体, sans-serif;
$vxe-font-color: #606266 !default;
$vxe-font-size: 14px !default;
$vxe-font-size-medium: 14px !default;
$vxe-font-size-small: 13px !default;
$vxe-font-size-mini: 12px !default;

:root {
	--el-font-size-base: 12px;
	--el-menu-item-height: 40px;
	--el-component-size-small: 24px;
	// font-family: arial, 宋体, sans-serif;
}

.el-menu .is-opened {
	border-bottom: 1px solid #d6d6d6;
}

.col--seq .vxe-cell {
	text-align: center;
}

/*size*/
$vxe-border-radius: 4px !default;

/*icon*/
$vxe-icon-font-family: Verdana, Arial, Tahoma !default;
$vxe-icon-background-color: #fff !default;

/*color*/
$vxe-primary-color: #409eff !default;
$vxe-success-color: #67c23a !default;
$vxe-info-color: #909399 !default;
$vxe-warning-color: #e6a23c !default;
$vxe-danger-color: #f56c6c !default;
$vxe-disabled-color: #bfbfbf !default;
$vxe-primary-disabled-color: #c0c4cc !default;

/*input/radio/checkbox*/
$vxe-input-border-color: #dcdfe6 !default;
$vxe-input-disabled-color: #dcdfe6 !default;
$vxe-input-disabled-background-color: #f3f3f3 !default;
$vxe-input-placeholder-color: #c0c4cc !default;

/*popup*/
$vxe-table-popup-border-color: #dadce0 !default;

/*table*/
$vxe-table-font-color: $vxe-font-color !default;
$vxe-table-header-font-color: #000 !default;
$vxe-table-footer-font-color: $vxe-font-color !default;
$vxe-table-border-radius: $vxe-border-radius !default;
$vxe-table-border-width: 1px !default;
$vxe-table-border-color: 0 !default;

.vxe-table--render-default.border--full .vxe-footer--column,
.vxe-grid--pager-wrapper {
	border-right-color: #cccccc;
	border-right-style: solid;
	border-top-style: solid;

	border-width: 1px;
	border-top-color: #cccccc;
	border-bottom-color: #cccccc;
	background: linear-gradient(to bottom, #f9f9f9 0, #efefef 100%);
}

.vxe-grid--toolbar-wrapper {
	border-bottom: 1px solid #ccc;
	border: 0px;
}

.vxe-table--render-default.border--full .vxe-body--column,
.vxe-table--body tr.vxe-body--row td {
	border-bottom-style: solid;
	border-right-style: solid;
	border-right-color: #dfdfdf;
	border-bottom-color: #dfdfdf;
	border-top-color: #dfdfdf;
	border-width: 1px;
	height: 24px;
	color: #000;
}

.vxe-table--header tr.vxe-header--row th.vxe-header--column {
	border-bottom-style: solid;
	border-right-style: solid;
	border-right-color: #cccccc;
	border-bottom-color: #cccccc;
	border-top-color: #cccccc;
	border-width: 1px;
	height: 24px;
	color: #000;
}

.vxe-table--body {
	border-collapse: collapse;
	border: none;
}

$vxe-table-resizable-line-color: #cccccc !default;
$vxe-table-resizable-drag-line-color: $vxe-primary-color !default;
$vxe-table-header-background-color: #f8f8f9 !default;
$vxe-table-body-background-color: #ffffff !default;
$vxe-table-footer-background-color: #ffffff !default;
$vxe-table-tree-node-line-color: #909399 !default;
$vxe-table-tree-node-line-style: dotted !default;
$vxe-table-header-font-weight: normal !default;

$vxe-table-row-height-default: 48px !default;
$vxe-table-row-height-medium: 44px !default;
$vxe-table-row-height-small: 40px !default;
$vxe-table-row-height-mini: 36px !default;
$vxe-table-row-line-height: 15px !default;
$vxe-table-row-hover-background-color: #f5f7fa !default;
$vxe-table-row-striped-background-color: #fafafa !default;
$vxe-table-row-hover-striped-background-color: #f5f7fa !default;
$vxe-table-row-radio-checked-background-color: #fff3e0 !default;
$vxe-table-row-hover-radio-checked-background-color: #ffebbc !default;
$vxe-table-row-checkbox-checked-background-color: #fff3e0 !default;
$vxe-table-row-hover-checkbox-checked-background-color: #ffebbc !default;
$vxe-table-row-current-background-color: #e6f7ff !default;
$vxe-table-row-hover-current-background-color: #d7effb !default;

$vxe-table-column-padding-default: 13px 0 !default;
$vxe-table-column-padding-medium: 11px 0 !default;
$vxe-table-column-padding-small: 9px 0 !default;
$vxe-table-column-padding-mini: 5px 0 !default;
$vxe-table-column-hover-background-color: #d7effb !default;
$vxe-table-column-current-background-color: #e6f7ff !default;
$vxe-table-column-icon-border-color: #c0c4cc !default;
$vxe-table-column-icon-border-hover-color: #515a6e !default;

$vxe-table-cell-placeholder-color: #c0c4cc !default;
$vxe-table-cell-padding-left: 10px !default;
$vxe-table-cell-padding-right: 10px !default;
$vxe-table-cell-input-height-default: $vxe-table-row-height-default - 6 !default;
$vxe-table-cell-input-height-medium: $vxe-table-row-height-medium - 6 !default;
$vxe-table-cell-input-height-small: $vxe-table-row-height-small - 6 !default;
$vxe-table-cell-input-height-mini: $vxe-table-row-height-mini - 6 !default;
$vxe-table-cell-dirty-width: 5px !default;
$vxe-table-cell-dirty-update-color: #f56c6c !default;
$vxe-table-cell-dirty-insert-color: #19a15f !default;
$vxe-table-cell-area-border-color: $vxe-primary-color !default;
$vxe-table-cell-area-border-width: 1px !default;
$vxe-table-cell-main-area-extension-border-color: #fff;
$vxe-table-cell-main-area-extension-background-color: $vxe-primary-color !default;
$vxe-table-cell-extend-area-border-width: 2px !default;
$vxe-table-cell-copy-area-border-width: 3px !default;
$vxe-table-cell-active-area-border-width: 2px !default;
$vxe-table-cell-copy-area-border-color: $vxe-table-cell-area-border-color !default;
$vxe-table-cell-extend-area-border-color: $vxe-table-cell-area-border-color !default;
$vxe-table-cell-active-area-border-color: $vxe-table-cell-area-border-color !default;
$vxe-table-cell-area-background-color: rgba(64, 158, 255, 0.2) !default;

$vxe-table-checkbox-range-border-width: 1px !default;
$vxe-table-checkbox-range-border-color: #006af1 !default;
$vxe-table-checkbox-range-background-color: rgba(50, 128, 252, 0.2) !default;

$vxe-table-fixed-left-scrolling-box-shadow: 4px 3px 4px 0px rgba(0, 0, 0, 0.12) !default;
$vxe-table-fixed-right-scrolling-box-shadow: -4px 3px 4px 0px rgba(0, 0, 0, 0.12) !default;

/*filter*/
$vxe-table-filter-panel-background-color: #fff !default;

/*menu*/
$vxe-table-menu-item-width: 178px !default;
$vxe-table-menu-background-color: #fff !default;

/*loading*/
$vxe-loading-background-color: rgba(0, 0, 0, 0.2) !default;
$vxe-loading-z-index: 999 !default;

/*validate*/
$vxe-table-validate-error-color: #f56c6c !default;
$vxe-table-validate-tooltip-error-color: #fff !default;
$vxe-table-validate-tooltip-error-background-color: $vxe-table-validate-error-color !default;

/*grid*/
$vxe-grid-maximize-background-color: #fff !default;

/*toolbar*/
$vxe-toolbar-background-color: #fff !default;
$vxe-toolbar-custom-active-background-color: #fff !default;
$vxe-toolbar-panel-background-color: #fff !default;
$vxe-toolbar-padding: 0px;

/*tooltip*/
$vxe-tooltip-dark-color: #fff !default;
$vxe-tooltip-dark-background-color: #303133 !default;
$vxe-tooltip-light-background-color: #fff !default;
$vxe-tooltip-validate-error-color: #fff !default;
$vxe-tooltip-validate-error-background-color: #f56c6c !default;

/*pager*/
$vxe-pager-background-color: #fff !default;
$vxe-pager-perfect-background-color: #fff !default;
$vxe-pager-perfect-button-background-color: #f4f4f5 !default;

/*modal*/
$vxe-modal-header-background-color: #f8f8f8 !default;
$vxe-modal-body-background-color: #fff !default;
$vxe-modal-border-color: #ebeef5 !default;

/*checkbox*/
$vxe-checkbox-font-size-default: 16px !default;
$vxe-checkbox-font-size-medium: 15px !default;
$vxe-checkbox-font-size-small: 14px !default;
$vxe-checkbox-font-size-mini: 12px !default;
$vxe-checkbox-checked-width: 0.32em !default;
$vxe-checkbox-checked-height: 0.64em !default;
$vxe-checkbox-indeterminate-width: 0.6em !default;
$vxe-checkbox-indeterminate-height: 2px !default;
$vxe-checkbox-border-width: 2px !default;
$vxe-checkbox-border-radius: 2px !default;
$vxe-checkbox-icon-background-color: #fff !default;
$vxe-checkbox-checked-icon-border-color: #fff !default;
$vxe-checkbox-indeterminate-icon-background-color: #fff !default;

/*radio*/
$vxe-radio-font-size-default: $vxe-checkbox-font-size-default !default;
$vxe-radio-font-size-medium: $vxe-checkbox-font-size-medium !default;
$vxe-radio-font-size-small: $vxe-checkbox-font-size-small !default;
$vxe-radio-font-size-mini: $vxe-checkbox-font-size-mini !default;
$vxe-radio-border-width: $vxe-checkbox-border-width !default;
$vxe-radio-icon-background-color: #fff !default;
$vxe-radio-checked-icon-background-color: #fff !default;
$vxe-radio-indeterminate-icon-background-color: #fff !default;
$vxe-radio-button-default-background-color: #fff !default;

/*button*/
$vxe-button-max-width: 500px !default;
$vxe-button-default-background-color: #fff !default;
$vxe-button-dropdown-panel-background-color: #fff !default;
$vxe-button-height-default: 34px !default;
$vxe-button-height-medium: 32px !default;
$vxe-button-height-small: 30px !default;
$vxe-button-height-mini: 28px !default;
$vxe-button-round-border-radius-default: 17px !default;
$vxe-button-round-border-radius-medium: 16px !default;
$vxe-button-round-border-radius-small: 15px !default;
$vxe-button-round-border-radius-mini: 14px !default;

.vxe-toolbar .vxe-button.type--button:not(.is--circle) {
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);

}

.vxe-toolbar .vxe-button.type--button:not(.is--circle):hover {
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}

/*input*/
$vxe-input-background-color: #fff !default;
$vxe-input-panel-background-color: $vxe-input-background-color !default;
$vxe-input-number-disabled-color: #e4e7ed !default;
$vxe-input-date-festival-color: #999999 !default;
$vxe-input-date-festival-important-color: $vxe-primary-color !default;
$vxe-input-date-notice-background-color: #ff0000 !default;
$vxe-input-date-picker-hover-background-color: #f2f6fc !default;
$vxe-input-date-picker-selected-color: #fff !default;
$vxe-input-date-time-confirm-button-color: #fff !default;
$vxe-input-date-picker-festival-selected-color: $vxe-input-date-picker-selected-color !default;
$vxe-input-date-picker-notice-selected-background-color: $vxe-input-date-picker-selected-color !default;
$vxe-input-date-extra-color: #67c23a !default;
$vxe-input-date-extra-important-color: #fd2222 !default;
$vxe-input-date-title-height-default: 30px !default;
$vxe-input-date-title-height-medium: 29px !default;
$vxe-input-date-title-height-small: 28px !default;
$vxe-input-date-title-height-mini: 26px !default;
$vxe-input-date-time-week-row-height-default: 38px !default;
$vxe-input-date-time-week-row-height-medium: 36px !default;
$vxe-input-date-time-week-row-height-small: 34px !default;
$vxe-input-date-time-week-row-height-mini: 32px !default;
$vxe-input-date-month-year-row-height-default: 48px !default;
$vxe-input-date-month-year-row-height-medium: 46px !default;
$vxe-input-date-month-year-row-height-small: 44px !default;
$vxe-input-date-month-year-row-height-mini: 42px !default;
$vxe-input-date-quarter-row-height-default: 60px !default;
$vxe-input-date-quarter-row-height-medium: 58px !default;
$vxe-input-date-quarter-row-height-small: 56px !default;
$vxe-input-date-quarter-row-height-mini: 54px !default;
$vxe-input-height-default: $vxe-button-height-default !default;
$vxe-input-height-medium: $vxe-button-height-medium !default;
$vxe-input-height-small: $vxe-button-height-small !default;
$vxe-input-height-mini: $vxe-button-height-mini !default;

/*textarea*/
$vxe-textarea-line-height: 1.5715 !default;
$vxe-textarea-background-color: #fff !default;
$vxe-textarea-count-color: #999 !default;
$vxe-textarea-count-background-color: #fff !default;
$vxe-textarea-count-error-color: $vxe-table-validate-error-color !default;

/*form*/
$vxe-form-item-min-height-default: 36px !default;
$vxe-form-item-min-height-medium: 34px !default;
$vxe-form-item-min-height-small: 32px !default;
$vxe-form-item-min-height-mini: 30px !default;
$vxe-form-background-color: #fafafa !default;
$vxe-form-validate-error-color: $vxe-table-validate-error-color !default;
$vxe-form-validate-error-background-color: inherit !default;

/*select*/
$vxe-select-option-height-default: 30px !default;
$vxe-select-option-height-medium: 28px !default;
$vxe-select-option-height-small: 26px !default;
$vxe-select-option-height-mini: 24px !default;
$vxe-select-option-hover-background-color: #f5f7fa !default;
$vxe-select-panel-background-color: #fff !default;
$vxe-select-empty-color: #c0c4cc !default;
$vxe-optgroup-title-color: #909399 !default;

/*switch*/
$vxe-switch-font-color: #fff !default;
$vxe-switch-icon-background-color: #fff !default;
$vxe-switch-open-background-color: $vxe-primary-color !default;
$vxe-switch-close-background-color: rgba(0, 0, 0, 0.35) !default;
$vxe-switch-disabled-background-color: rgba(0, 0, 0, 0.15) !default;

/*pulldown*/
$vxe-pulldown-panel-background-color: #fff !default;

.el-main {
	padding: 0px;
	// background-color: #fff
}

$--el-input-inner-height: 34px;
@import "vxe-table/styles/index.scss";

.vxe-form .vxe-form--item {
	padding: 3px;
}

.vxe-table--render-default .vxe-cell {
	padding-left: 2px;
	padding-right: 2px;
}

.vxe-toolbar {
	padding: 5px;
	background-color: rgba(225, 242, 244, .5);
}
@media (max-width: 768px) {
	.vxe-toolbar .vxe-tools--wrapper,.vxe-toolbar .vxe-tools--operate {
		display: none;
	}
}
.vxe-tools--operate button {
	margin-top: 3px;
	margin-bottom: 3px;
}

.vxe-toolbar .vxe-buttons--wrapper>.vxe-button--item+.vxe-button--item {
	margin: 0px;
}

.vxe-toolbar div span {
	padding: 2px;
}

.vxe-toolbar .toolbar-btn {
	border: 0px;
}

.vxe-toolbar .toolbar-btn>button {
	border: 0px;

}

.vxe-button--dropdown-wrapper button {
	text-align: left;
}

.el-dialog__header {
	padding: 5px;
	margin-right: 0px;
	background-color: #447db4;

}

.vxe-cell .vxe-table--expanded .vxe-table--expand-btn {
	color: #2980B9;
	font-weight: bolder;
}

.el-dialog__headerbtn {
	height: 30px;
}

.el-dialog__headerbtn .el-dialog__close {
	color: red;
	font-size: 20px;
}

.el-dialog {

	--el-dialog-padding-primary: 1px;
}

.formhead {
	border: 1px solid #ffbe7a;
	padding-left: 10px;
	padding-right: 4px;
	font-weight: bold;
	border-radius: 5px;
}

.formhead .el-descriptions__body th {
	border-radius: 5px;
	padding: 5px;
}

.formhead .el-descriptions__body {
	padding-top: 4px;
}

.formhead .el-descriptions__label.el-descriptions__cell.light-blue,
.light-blue {
	border-radius: 8px;
}

.formhead .el-descriptions--small .el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell {
	padding-left: 0px;
	padding-right: 0px;
}

.formhead .el-descriptions__body .el-descriptions__table .el-descriptions__cell {
	border-right: 5px solid #ffffff;
}

.formhead .el-descriptions__body .el-descriptions__table {
	font-weight: bold;

}

.formhead .el-descriptions--small .el-descriptions__body .el-descriptions__table:not(.is-bordered) .el-descriptions__cell {
	padding-bottom: 4px;

}

.formhead .el-form-item--small {
	margin-bottom: 14px;
	margin-top: 8px;
}

.formhead .el-form-item .el-form-item__label {
	text-align: center;
}

.formhead label {
	color: #fff;
	font-weight: bold;
}

.el-dialog__body,
.el-tabs--border-card .el-tabs__content {
	padding: 3px;

	font-size: 12px;
}

.el-dialog__footer {
	padding: 3px;
	background-color: #f4f4f4;
}

.el-dialog:not(.is-draggable) {
	display: flex;
	flex-direction: column;
	margin: 0 !important;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	/*height:600px;*/
	max-height: calc(100% - 30px);
	max-width: calc(100% - 30px);
}

.el-dialog .el-dialog__body {
	flex: 1;
	overflow: auto;
}

.vxe-pager.size--mini {
	font-size: 12px;
	height: 30px;
}

.el-tree.menu .el-tree-node__content {
	height: 28px;
}

.vxe-pager .vxe-pager--jump .vxe-pager--goto {
	height: 1.5em;
}

.el-dialog__footer button {
	--el-button-size: 30px;
}

.el-form-item--small {
	margin-bottom: 12px;
	margin-top: 10px;
}

.sc-select,
.el-select {
	width: 100%;
}

.el-upload-dragger {
	--el-upload-dragger-padding-horizontal: 55px;
	border: 0px;
}

.el-upload-list--picture-card .el-upload-list__item {
	margin: 0;
}

.el-tabs {
	--el-tabs-header-height: 30px;
}

.el-tabs__item {
	padding: 0 8px;
}

.el-tabs--bottom .el-tabs--left>.el-tabs__header .el-tabs__item:last-child,
.el-tabs--bottom .el-tabs--right>.el-tabs__header .el-tabs__item:last-child,
.el-tabs--bottom.el-tabs--border-card>.el-tabs__header .el-tabs__item:last-child,
.el-tabs--bottom.el-tabs--card>.el-tabs__header .el-tabs__item:last-child,
.el-tabs--top .el-tabs--left>.el-tabs__header .el-tabs__item:last-child,
.el-tabs--top .el-tabs--right>.el-tabs__header .el-tabs__item:last-child,
.el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:last-child,
.el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:last-child {
	padding-right: 8px;
}

.el-dialog__title {
	font-size: 14px;
	color: rgb(255, 255, 255);
}

.el-autocomplete-suggestion li {
	padding: 0 10px;
	padding-right: 10px;
	padding-left: 10px;
	height: 28px;
	line-height: 28px;
}

.el-autocomplete-suggestion li:nth-child(even) {
	background-color: #f6f5f9;
}

.el-autocomplete-suggestion li.highlighted,
.el-autocomplete-suggestion li:hover {
	background-color: #f6f5e7;
}

.el-autocomplete-suggestion__wrap {
	padding: 3px 0;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
}

.el-select-dropdown__item {
	padding: 0 10px 0 10px;
	padding-right: 10px;
	padding-left: 10px;
	text-align: center;
	height: 28px;
	line-height: 28px;
}

.el-breadcrumb {
	font-size: 12px;
}

.vxe-table--render-default .vxe-header--column {
	text-align: center;
}

.readonly div {
	background-color: #dcdfe6;
}

.red * {
	color: red;
}

.red_b *,
.red_b {
	color: red;
	font-weight: bold;
}

.blue_b *,
.blue_b {
	color: #2196f3 !important;
	font-weight: bold;
}

.el-descriptions__label.el-descriptions__cell.red-back,
.red-back {
	background: var(--el-color-danger-light-9);
}

.el-descriptions__label.el-descriptions__cell.light-blue,
.light-blue {
	color: #5c5c5c;
	background: rgba(64, 158, 255, .5);
}

.el-descriptions__label.el-descriptions__cell.green-back,
.green-back {
	background: var(--el-color-success-light-9) !important;
}

.blue * {
	color: #2196f3 !important;
}

.green * {
	color: #4caf50 !important;
}

.backgroudBlue label,
.vxe-body--row .backgroudBlue {
	background-color: #1e88e5;
}

.backgroudGreen label {
	background-color: #43a047;
}

.backgroudRed * {
	background-color: rgb(255, 199, 199);
}

.backgroudYellow * {
	background-color: rgb(255, 248, 199);
}

.el-select .el-input__suffix .el-icon {
	margin: 0;
}

.el-descriptions__content .el-date-editor.el-input,
.el-descriptions__content .el-date-editor.el-input__wrapper {
	width: 100%;
}

.el-descriptions__content .clear-icon {
	margin: 0;
	width: 0;
}

.fade-leave-to {
	display: none;
}